<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link href="./layui/css/layui.css" rel="stylesheet">
<body>
<div style="margin: 0 auto;width:80%;display: block">
    <div class="layui-form-item">
        <h1>一级标题</h1>
    </div>
    <table id="titleList" lay-filter="titleList"></table>
</div>

</body>
</html>
<script src="./js/jquery-1.9.1.min.js"></script>
<script src="./layui/layui.js"></script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">更改</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="sontitle">子标题</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="deltitle">删除</a>
</script>

<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-group">
        <button class="layui-btn layui-btn-sm layui-bg-blue" lay-event="add"><i class="layui-icon">&#xe654;</i>新增</button>
        <!--<button class="layui-btn layui-btn-sm layui-bg-red" lay-event="del"><i class="layui-icon">&#xe640;</i>删除</button>-->
        <button class="layui-btn layui-btn-sm layui-bg-orange" lay-event="reload"><i class="layui-icon">&#xe666;</i>重载</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="toInfo"><i class="layui-icon">&#xe65c;</i>返回我的信息</button>
    </div>
</script>

<script>

    layui.use(['layer', 'util', 'table','form', 'laydate'], function () {
        var table = layui.table;
        var $ = layui.$;
        var layer = layui.layer;
        var table = layui.table;
        var form = layui.form;
        var laydate = layui.laydate;

        //第一个实例
        table.render({
            elem: '#titleList'
            , type:'post'
            ,where:{"titleType":"1"}
            , url: './titleList.php' //数据接口
            , page: true //开启分页
            , limit: 3000
            , toolbar: '#toolbarDemo'// 头部工具栏
            , defaultToolbar: ['filter', 'exports', 'print']
            , cols: [[ //表头
                 { field: 'stuid', title: '学号' }
                , { field: 'd1', title: '章数', sort: true }
                , { field: '正文标题', title: '标题', }
                , { field: '正文内容', title: '内容', }
                ,{fixed: 'right', title: '操作', align:'center', toolbar: '#barDemo'}

            ]]
            ,parseData: function (res) {
                //res是请求返回的数据，可以在parseData中对数据进行一些处理，返回layui要求的格式
                /*
                ......
                */
                if (res.status) {
                    return {
                        'code': 0, //接口状态
                        'msg': '', //提示文本
                        'count': res.msg.length, //数据长度
                        'data': res.msg //数据列表，是直接填充进表格中的数组
                    }
                }
            }

        });
        table.on('tool(titleList)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                ,layEvent = obj.event; //获得 lay-event 对应的值

            if(layEvent === 'detail') {
               {
                    return layer.open({
                        title: '编辑论文',
                        type: 2,
                        area: ['60%', '80%'],
                        fixed: false,// 不固定
                        maxmin: true,
                        content: './updateone.html?id='+data.id,
                        btn: ['提交', '关闭'],
                        yes: function (index, layero) {
                            var iframeWin = window[layero.find('iframe')[0]['name']];// 获取子iframe的文档
                            iframeWin.submitting();// 调用其开发的按钮接口
                            console.log(iframeWin)
                            table.reload('titleList');
                        }, btn2: function (index, layero) {
                            console.log(data)
                        }
                    });
                }
            }else if (layEvent === 'sontitle'){
                window.location.href="./titleList2.html?d="+data.d1
            }else if (layEvent === 'deltitle'){
                var params={
                    'd':data.d0+"_"+data.d1+"_"+data.d2+"_"+data.d3
                }

                var is_del=layer.confirm("是否删除？",{
                    btn:['是','否'],
                },function () {

                        $.ajax({
                            type:'get',
                            url:'./delTitleList.php',
                            data:params,
                            success:function (data) {
                                var jsonData = JSON.parse(data);
                                if (jsonData.status){
                                    layer.msg("删除成功")
                                }else {
                                    alert(jsonData.msg)
                                }
                            },
                            error:function () {
                                layer.msg("请求异常")
                            }
                        });
                        layer.close(is_del)
                    table.reload('titleList');
                })
            }
            })

        table.on('toolbar(titleList)', function (obj) {
            console.log(obj)
            switch (obj.event) {
                case 'add':
                {
                    return layer.open({
                        title: '新增',
                        type: 2,
                        area: ['60%', '80%'],
                        fixed: false,// 不固定
                        maxmin: true,
                        content: './addone.html',
                        btn: ['提交', '关闭'],
                        yes: function (index, layero) {
                            var iframeWin = window[layero.find('iframe')[0]['name']];// 获取子iframe的文档
                            iframeWin.submitting();// 调用其开发的按钮接口
                            console.log(iframeWin)
                            table.reload('titleList');
                        }, btn2: function (index, layero) {
                        }
                    });
            };
                    break;
                case 'reload':table.reload('titleList');break;
                case 'toInfo':window.location.href='./info.html';break;

            }
        })

    })
</script>